.AnsweringAi_textArea_box {
    flex-grow: 1;
    width: 100%;
    position: relative;
    margin: 0 auto;

    .AnsweringAi_textArea_liner1:focus {
        outline: none;
        border: none;
    }

    .AnsweringAi_textArea_data {
        padding: 14px;
        cursor: text;
        box-sizing: border-box;
        width: 100%;
        font-size: 16px;
        line-height: 28px;
        box-shadow: none;
        background-color: #ffffff;
        border-radius: 24px;
        flex-direction: column;
        display: flex;
        position: relative;

        .AnsweringAi_textArea_item {
            z-index: 1;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 10px;
            display: flex;
            overflow: hidden;
            background-color: rgb(243 244 246);
            box-shadow: 0px 0px 0px .5px #dce0e9;
            border-radius: 24px;
            font-size: 16px;
            line-height: 28px;
            padding: 14px;
            cursor: text;

            .AnsweringAi_textArea {
                width: 100%;
                max-height: calc(12* 28);
                margin: 0 4px;
                position: relative;

                .AnsweringAi_textArea_liner1 {
                    font-size: inherit;
                    line-height: inherit;
                    word-break: break-word;
                    white-space: pre-wrap;
                    border: none;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                    font-family: inherit;
                    display: block;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    overflow: auto;
                    resize: none;
                    color: rgb(64 64 64);
                    caret-color: rgb(64 64 64);
                    background-color: transparent;
                    position: absolute;
                    outline: none;
                    border: none;
                }

                .AnsweringAi_textArea_liner2 {
                    font-size: inherit;
                    line-height: inherit;
                    word-break: break-word;
                    white-space: pre-wrap;
                    border: none;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                    font-family: inherit;
                    display: block;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    overflow: auto;
                    visibility: hidden;
                    pointer-events: none;
                    min-height: 56px;
                }
            }

            .AnsweringAi_btn {
                width: calc(100% - 2px);
                padding-left: 2px;
                flex-wrap: wrap;
                align-items: center;
                margin-top: 4px;
                display: flex;

                .AnsweringAi_btn_style1 {
                    -ds-button-color: #DBEAFE;
                    --button-text-color: #4D6BFE;
                    --button-border-color: rgba(0, 122, 255, 0.15);
                    --ds-button-hover-color: #C3DAF8;
                    --button-icon-color: rgb(255 255 255);
                    --button-height: var(--ds-input-height-m);
                    --button-font-size: var(--ds-font-size-m);
                    --button-line-height: var(--ds-line-height-m);
                    --button-border-radius: 10px;
                    --button-padding: 0 14px;
                    --button-icon-size: 18px;
                    --button-icon-margin: 0 8px 0 0;
                    color: var(--button-text-color);
                    height: var(--button-height);
                    line-height: var(--button-line-height);
                    font-size: var(--button-font-size);
                    border-radius: var(--button-border-radius);
                    padding: var(--button-padding);
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    cursor: pointer;
                    white-space: nowrap;
                    box-sizing: border-box;
                    transition: opacity var(--ds-transition-duration) var(--ds-ease-in-out), background-color var(--ds-transition-duration) var(--ds-ease-in-out);
                    font-variant-numeric: tabular-nums;
                    outline: none;
                    align-items: center;
                    text-decoration: none;
                    display: inline-flex;
                    position: relative;
                    border: 1px solid var(--button-border-color);
                    border-radius: 14px;
                    justify-content: center;
                    align-items: center;
                    height: 28px;
                    margin-right: 10px;
                    padding: 0 7px;
                    display: flex;
                    background-color: var(--ds-button-color);
                    font-size: 12px;
                    line-height: 17px;
                }

                .AnsweringAi_btn_style2 {
                    --ds-button-color: #fff;
                    --button-text-color: #4c4c4c;
                    --button-border-color: rgba(0, 0, 0, 0.12);
                    --ds-button-hover-color: #E0E4ED;
                    --button-icon-color: rgb(255 255 255);
                    --button-height: 4px;
                    --button-font-size: 14px;
                    --button-line-height: 25px;
                    --button-border-radius: 10px;
                    --button-padding: 0 14px;
                    --button-icon-size: 18px;
                    --button-icon-margin: 0 8px 0 0;
                    border: 1px solid var(--button-border-color);
                    border-radius: 14px;
                    justify-content: center;
                    align-items: center;
                    height: 28px;
                    margin-right: 10px;
                    padding: 0 7px;
                    display: flex;
                    color: var(--button-text-color);
                    background-color: var(--ds-button-color);
                    line-height: var(--button-line-height);
                    font-size: var(--button-font-size);
                    user-select: none;
                    cursor: pointer;
                    white-space: nowrap;
                    box-sizing: border-box;
                    font-variant-numeric: tabular-nums;
                    outline: none;
                    text-decoration: none;
                    position: relative;
                    font-size: 12px;
                    line-height: 17px;
                }
            }
        }
    }

}